<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <!-- <title>My JSP 'cz2.jsp' starting page</title> -->
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

	<meta charset="UTF-8">
		<title>帝美娜官方网站 轻松购物！</title>
    <meta name="description" content="帝美娜，美自根源，养有方，为您提供肌本理护、专意理护、香怡理护、品颜理护等美肤产品。帝美娜官方网上商城全新上线，欢迎购买咨询"/>
    <meta name="Keywords" content="帝美娜,帝美娜官网, 网上商城, 帝美娜网上商城, 帝美娜产品, 肌本理护, 专意理护, 香怡理护, 品颜理护, 面部护理, 身体护理, 芳香护理, 内服调理, 清肌养颜, 眼霜, 面膜,  "/>
    <link rel="stylesheet" href="<%=basePath%>css/hf1.css"/>
    <!--<link rel="stylesheet" href="css/index.css"/>-->
      <link rel="stylesheet" href="<%=basePath%>css/hf1-page.css"/>
    <link rel="shortcut icon" href="<%=basePath%>favicon.ico"/>
    <script src="js/hf1.js"></script>
    <script src="js/jquery-1.11.1.min.js"></script>
	<!--<script src="js/home2.js"></script>-->
  </head>
  
  <body>
    <!--site-nav-->
		<div class="sw">
			<div class="site-nav clearfix">
				<div class="site-nav-left fl">
					<p>欢迎来到蒂美娜官方网站</p>
				</div>
				<div class="site-nav-right fr">
					<p><a href="<%=basePath%>ly.jsp">关于我们</a></p>
				</div>
			</div>
		</div>
		<!--site-nav end-->
		
		<!--search-->
		<div class="search-all" id="nav">
		<div class="search clearfix">
			<div class="search-logo fl">
				<a href="<%=basePath%>home.jsp"><img src="img/1_01.png" /></a>
			</div>
			<div class="search-nav fl">
				<ul class="clearfix">
					<li><a href="<%=basePath%>home.jsp">首页</a></li>
					<li class="cream"> 
						<a href="<%=basePath%>hf1.jsp">护肤品</a>
						<div class="layer layer0 clearfix">
								<div class="nav_01 fl">
									<a class="nav_021" href="<%=basePath%>hf1.jsp">面部系列</a>
									<a class="nav_021" href="<%=basePath%>hf2.jsp">眼部系列</a>
									<a class="nav_021" href="<%=basePath%>hf3.jsp">男士系列</a>
									<a class="nav_021" href="<%=basePath%>hf4.jsp">身体系列</a>
								</div>
								<!--<div class="before"></div>-->
						</div>
					</li>
					<li class="cosmetics">
						<a href="<%=basePath%>cz1.jsp">彩妆</a>
						<div class="layer layer1 clearfix">
								<div class="nav_02 fl">
									<a class="nav_021" href="<%=basePath%>cz1.jsp">面部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz2.jsp">眼部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz3.jsp">唇部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz4.jsp">卸妆彩妆</a>
								</div>
								<!--<div class="before"></div>-->
						</div>
					</li>
					<li><a href="<%=basePath%>newproduct.jsp">新品上市</a></li>
					<li><a href="<%=basePath%>brandIntroduction.jsp">品牌介绍</a></li>
				</ul>
			</div>
			<div class="search-input clearfix">
				<div class="search-form fr clearfix">
					<input class="search-text fl" autocomplete="off" placeholder="搜索您需要的商品......"/>
				<div class="search-icons"></div>
				<span></span>
				<div class="search-icon fl">
				<a href="<%=basePath%>#"><img src="img/1_02.png"/></a>
			   </div>
				</div>
			</div>
		</div>
		</div>
		
		<!--second banner-->
		<div class="search-all-fixed" id="navFixed">
		<div class="search clearfix" >
			<div class="search-logo fl">
				<a href="<%=basePath%>home.jsp"><img src="img/1_01.png" /></a>
			</div>
			<div class="search-nav fl">
				<ul class="clearfix">
					<li><a href="<%=basePath%>home.jsp">首页</a></li>
					<li class="creamfixed"> 
						<a href="<%=basePath%>hf1.jsp">护肤品</a>
						<div class="layer layerfixed0 clearfix">
								<div class="nav_01 fl">
									<a class="nav_021" href="<%=basePath%>hf1.jsp">面部系列</a>
									<a class="nav_021" href="<%=basePath%>hf2.jsp">眼部系列</a>
									<a class="nav_021" href="<%=basePath%>hf3.jsp">男士系列</a>
									<a class="nav_021" href="<%=basePath%>hf4.jsp">身体系列</a>
								</div>
								<div class="before"></div>
						</div>
					</li>
					<li class="cosmeticsfixed">
						<a href="<%=basePath%>cz1.jsp">彩妆</a>
						<div class="layer layerfixed1 clearfix">
								<div class="nav_02 fl">
									<a class="nav_021" href="<%=basePath%>cz1.jsp">面部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz2.jsp">眼部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz3.jsp">唇部彩妆</a>
									<a class="nav_021" href="<%=basePath%>cz4.jsp">卸妆彩妆</a>
								</div>
								<div class="before"></div>
						</div>
					</li>
					<li><a href="<%=basePath%>newproduct.jsp">新品上市</a></li>
					<li><a href="<%=basePath%>brandIntroduction.jsp">品牌介绍</a></li>
				</ul>
			</div>
			<div class="search-input clearfix">
				<div class="search-form fr clearfix">
					<input class="search-text fl" autocomplete="off" placeholder="搜索您需要的商品......"/>
				<div class="search-icons"></div>
				<span></span>
				<div class="search-icon fl">
				<a href="<%=basePath%>#"><img src="img/1_02.png"/></a>
			   </div>
				</div>
			</div>
		</div>
		</div>

		<!--search end-->
		<!--焦点图开始-->
		<div class="focuse">
			<img src="img/hf-bannner.png"/>
		</div>
		<div class="hf1-wrap w">
			   
			    	<ul  class="div-nav clearfix">
					<li><a href="<%=basePath%>cz1.jsp">面部</a></li>
					<li><a href="<%=basePath%>cz2.jsp" class="face">眼部</a></li>
					<li><a href="<%=basePath%>cz3.jsp" >唇部</a></li>
					<li><a href="<%=basePath%>cz4.jsp">卸妆</a></li>
				</ul>
			   
				    <div class="pro-case">
				    	<!--<ul class="clearfix">
						<li><span class="round"></span>全部</li>
						<li><span class="round"></span>眼霜</li>
						<li><span class="round"></span>眼膜</li>
						<li><span class="round"></span>眼液</li>
						<li><span class="round"></span>眼露</li>
						
					 </ul>-->
				    </div>
				<div class="product-toggle" id="product">
					<ul class="clearfix"  id="product1">
						<li><a href="<%=basePath%>cz-detail.jsp" target="_blank">
							<div class="pic">
								<img src="img/cz_por1.png" alt="" />
							</div>
							<div class="active-bd">
                            <p class="p1">晶鑽恆美晚霜 30g</p>
                            <p></p>
                            <span class="best">查看详情</span>
                        </div>
						</a></li>
						<li><a href="<%=basePath%>cz-detail.jsp" target="_blank">
							<div class="pic">
								<img src="img/cz_por2.png" alt="" />
							</div>
							<div class="active-bd">
                            <p class="p1">礦物粉底蜜粉 15g</p>
                            <p></p>
                            <span class="best">查看详情</span>
                        </div>
						</a></li>
						<li><a href="<%=basePath%>cz-detail.jsp" target="_blank">
							<div class="pic">
								<img src="img/cz_por3.png" alt="" />
							</div>
							<div class="active-bd">
                            <p class="p1">全效極能煥白精華 30ml</p>
                            <p></p>
                            <span class="best">查看详情</span>
                        </div>
						<li><a href="<%=basePath%>cz-detail.jsp" target="_blank">
							<div class="pic">
								<img src="img/cz_por4.png" alt="" />
							</div>
							<div class="active-bd">
                            <p class="p1">春海極美修護面膜 50ml</p>
                            <p></p>
                            <span class="best">查看详情</span>
                        </div>
						</a></li>
						<li><a href="<%=basePath%>cz-detail.jsp" target="_blank">
							<div class="pic">
								<img src="img/cz_por5.png" alt="" />
							</div>
							<div class="active-bd">
                            <p class="p1">晶鑽恆美化妝水 200ml
</p>
                            <p></p>
                            <span class="best">查看详情</span>
                        </div>
						</a></li>
						<li><a href="<%=basePath%>cz-detail.jsp" target="_blank">
							<div class="pic">
								<img src="img/cz_por6.png" alt="" />
							</div>
							<div class="active-bd">
                            <p class="p1">春海極美修護面霜 30ml</p>
                            <p></p>
                            <span class="best">查看详情</span>
                        </div>
						</a></li>
					</ul>
		       </div>	
		         <div class="page" id="page">
				<ul class="clearfix">
					<li id="previousPage"><</li>
					<li id="one">1</li>
					<li id="two">2</li>
					<li id="nextPage">></li>
				</ul>
				
			</div>
		</div>
		<!--焦点图结束-->
		
		<!--footer-->
		<div class="footer-all">
			<div class="footer">
				<div class="footer-top clearfix">
					<div class="footer-top-left fl">
						<p>客服热线：886-2-2369-1140</p>
						<p>传真专线：886-2-2365-2745</p>
						<p>服务邮箱：service@spa-boss.com</p>
						<p>地址：106台北市大安區泰順街26巷28號2F</p>
					</div>
					<div class="footer-top-right1 fr">
						<img src="img/footer-pic.png" />
						<p>微博关注蒂美娜</p>
					</div>
					<div class="footer-top-right2 fr">
						<img src="img/footer-pic.png" />
						<p>微信关注蒂美娜</p>
					</div>
				</div>
				<div class="footer-middle"></div>
				<div class="footer-bottom">
					<p>COPYRIGHT© 2008 Leachain International Co., Ltd.-All RIGHTS RESERVED</p>
				</div>
			</div>
		</div>
  </body>
</html>
